//out:../css/index.css

@import url(./base.less);

div {
    width: 800px;
    margin: 100px auto;
    text-align: center;
    h1 {
        margin-bottom: 20px;
        span {
            color: tomato;
        }
    }
    h3 {
        margin-bottom: 50px;
        font-style: italic;
    }
    table {
        margin: 0 auto;
        border: 5px solid;
        border-radius: 10px;
        padding: 3px;
        tr {
            th {
                border-radius: 8px;
                background-color: rgb(87, 87, 87);
                padding: 15px;
                font-size: 16px;
                color: #fff;
                box-shadow: 0px 0px 1px 1px #000;
            }
            td {
                box-shadow: 0px 0px 1px 1px;
                border-radius: 8px;
                padding: 15px;
                font-size: 14px;
                &:first-child {
                    background-color: rgb(61, 255, 87);
                    font-weight: 700;
                    font-size: 18px;
                }
                &:last-child {
                    background-color: rgb(255, 70, 70);
                    font-weight: 700;
                    font-size: 18px;
                }
            }
        }
    }
}